<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">
	<ui:define name="content">
	<f:loadBundle basename="resources.Post" var="varsita" />
		<center>
			<rich:panel>
				<f:facet name="header">
					<h:outputText style="COLOR: #c0c0c0;color:red;font-size:large"
						value="#{varsita.listapostrecientes}" />
				</f:facet>

					<rich:dataTable id="list" value="#{postBean.listarPost}" var="post"
						rows="5" reRender="scroll">
						<rich:column filterEvent="onkeyup" filterBy="#{post.titulo}">
							<f:facet name="header">
								<h:outputText value="#{varsita.titulo}"
									style="width: 362px; height:30px; color:red" />
							</f:facet>
							<h:outputText value="#{post.titulo}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{varsita.cargardatos}"
									style="width: 362px; height:30px; color:red" />
							</f:facet>
							<h:form>
								<h:commandLink value="#{varsita.cargardatos}"
									action="#{postBean.buscarUsuarioVisitando(post.usuario)}" />
							</h:form>
						</rich:column>

						<rich:column filterEvent="onkeyup"
							filterBy="#{post.usuario.nickUser}">
							<f:facet name="header">
								<h:outputText value="#{varsita.usuario}"
									style="width: 362px; height:30px; color:red" />
							</f:facet>
							<h:form>
								<a4j:commandLink value="#{post.usuario.nickUser}"
									onclick="#{rich:component('Usuario')}.show()">
								</a4j:commandLink>
							</h:form>
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{varsita.post}"
									style="width: 362px; height:30px; color:red" />
							</f:facet>
							<h:form>
								<h:commandLink value="#{varsita.verPost}"
									action="#{postBean.metodoPostVisitando(post.id)}" />
							</h:form>
						</rich:column>

					</rich:dataTable>

				<rich:modalPanel id="Usuario" autosized="true">
					<f:facet name="header">
						<h:outputText value="#{varsita.datosusuario}" />
					</f:facet>

					<f:facet name="controls">
						<h:form>
							<h:commandLink value="X"
								onclick="#{rich:component('Usuario')}.hide()" />
						</h:form>
					</f:facet>
					<h:form>
						<rich:panel>

							<f:facet name="header">

								<h:outputText
									style="BACKGROUND-COLOR: #c0c0c0;color:red;font-size:large"
									value="Informacion: #{postBean.usuarioVisitando.nombre}" />

							</f:facet>

							<h:form>
								<h:panelGrid columns="4" border="5" id="panelusuario">

									<rich:paint2D paint="#{postBean.cargarFotoUsuario}" width="100"
										height="100" data="#{postBean.usuarioVisitando.nickUser}" />
									<h:outputText value="#{postBean.usuarioVisitando.nickUser}" />
									<h:outputText value="#{postBean.usuarioVisitando.correo}" />
									<h:commandButton value="#{varsita.seguir}"
										action="#{postBean.seguirUsuario}" />

								</h:panelGrid>
							</h:form>


						</rich:panel>
					</h:form>
				</rich:modalPanel>
			</rich:panel>
		</center>
	</ui:define>
	<ui:define name="footer">
	<h:form>
			<center>
			<h5>
				<h:commandLink value="#{varsita.atras}"
					action="PaginaPost.html.xhtml"></h:commandLink>
			</h5>
			</center>
		</h:form>

	</ui:define>
</ui:composition>
</html>